(function(doc){/* 闭包 */
   var screenWidth=doc.body.clientWidth,/* 设置屏幕宽度chrome常用 */
	   items=doc.querySelectorAll('.banner-item'),
	   itemLen=items.length,
	   //获取wrapper元素
	   wrapper=doc.querySelector('.banner-wrapper');
       wrapper.style.width=screenWidth*itemLen+'px';
       //wrapper宽度=屏幕宽度*item个数

	   //doc.createElement('span');
	   var pagination=doc.querySelector('.pagination');

	   for(var i=0;i<itemLen;i++){
	     items[i].style.width=screenWidth + 'px';
		 pagination.appendChild(doc.createElement('span'));//生成span元素
	   }
	   //让每个item赋予屏幕宽度
       doc.querySelector('.pagination span').className='active';//初始化
	   
       count=0;
	   function move(){
	     if(count>itemLen-1){
		   count=0;
		 }
         wrapper.style.left='-' + count* + screenWidth+ 'px';
		 count++;
         timer=setTimeout(move,2000);
	   }
       var timer=setTimeout(move,0);
	   var btns=doc.querySelectorAll('.pagination span'),
		   btnLen=btns.length;
	   for(i=0;i<btnLen;i++){
		   btns[i].index=i;
		   btns[i].onclick=function(){
		     clearTimeout(timer);
			 wrapper.style.left='-' + screenWidth * this.index + 'px';
			 for(j=0;j<btnLen;j++){
			    btns[j].className=null;
			 }
			 this.className='active';
		   }
	   }
})(document);

